import { ReactElement } from "react"
import { HTMLAttributes } from "react"
interface EditProps extends HTMLAttributes<HTMLDivElement> {}
export default function Edit({ className, ...rest }: EditProps): ReactElement {
    return (
        <i className={`${className ?? ""}`} {...rest}>
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10.152 9.819">
                <g transform="translate(-103.52 -116.93)">
                    <path
                        d="M315.394,139.9a.082.082,0,0,0-.016.028l-.511,1.873a.319.319,0,0,0,.39.39l1.859-.507s0,0,.007,0a.08.08,0,0,0,.058-.024l4.972-4.971a.8.8,0,0,0,.229-.568.972.972,0,0,0-.29-.681l-.47-.47a.973.973,0,0,0-.681-.29.8.8,0,0,0-.569.229l-4.971,4.973c-.005,0,0,.012-.007.017m6.273-3.7-.494.494-.8-.813.487-.487a.231.231,0,0,1,.314.023l.47.47a.256.256,0,0,1,.077.179.189.189,0,0,1-.054.135m-5.388,3.774,3.588-3.588.8.814-3.581,3.581Zm-.654,1.455.259-.952.692.692Z"
                        transform="translate(-208.709 -17.532)"
                        fill="#a8a8a8"
                    />
                    <path
                        d="M113.272,120.643a.344.344,0,0,0-.343.344v4.635a.441.441,0,0,1-.441.44h-7.841a.441.441,0,0,1-.441-.44v-7.565a.442.442,0,0,1,.441-.441h5.05a.343.343,0,0,0,0-.686h-5.1A1.076,1.076,0,0,0,103.52,118v7.67a1.076,1.076,0,0,0,1.075,1.075h7.945a1.076,1.076,0,0,0,1.075-1.075v-4.69a.344.344,0,0,0-.343-.342"
                        transform="translate(0 0)"
                        fill="#a8a8a8"
                    />
                </g>
            </svg>
        </i>
    )
}
